
<ion-content class="has-header" id="content" ng-controller="detailshare">
    <!--图片-->
    <div class="share_banner" style="height:160px !important;">
            <img ng-src="{{indata.photo_url}}" class="d1 share_banner_img" alt="" ng-click="vodeo_url_up()"/>
    </div>
    <!--//周期-->
    <div class="financial" style="padding-top:0 !important;margin-top:0 !important;border-bottom:none !important;">
        <div class="financial_content">
            <ul style="margin-top:0;padding-top: 10px;">
                <li style="border-right: 1px solid #dedcdc">
                    <div class="number_w">{{indata.return_rate}}<span class="number_c">%</span></div>
                    <div class="number_p">年化收益</div>
                </li>
                <li style="border-right: 1px solid #dedcdc">
                    <div class="number_w">{{indata.price}}<span class="number_c">元</span></div>
                    <div class="number_p">认养单价</div>
                </li>
                <li>
                    <div class="number_w">{{indata.time_limit}}<span class="number_c">{{indata.time_type==1?"个月":"天"}}</span></div>
                    <div class="number_p">认养周期</div>
                </li>
            </ul>
        </div>
        <div style="text-align: center;margin-top:10px;">
            <div>
                <img ng-src="increase/yy.png" alt="" style="width: 18px;position: relative;top:4px;" ng-if="indata.type=='羊'">
                <img ng-src="increase/nn.png" alt="" style="width: 18px;position: relative;top:4px;" ng-if="indata.type=='牛'">
                <span style="color:#3C3C3C;">剩余{{indata.lave_amount}}{{indata.unit}} <span style="color:#8D8D8D !important;">( 共{{indata.lave_amount+indata.sales}}{{indata.unit}} )</span></span>
            </div>
            <!--//进度条-->
            <div style="width: 250px;height: 5px;background:#FFE1B2;position: absolute;left:0;right:0;margin:auto;margin-top:10px;">
                <div class="jd_up" style="width: 0px;" id="jd_up"></div>
            </div>
        </div>
        <div class="financial_footer">
            <ul style="margin-top:25px !important;padding: 0px 0px 0px 10px;">
                <li style="margin-top: 1px">
                    <img ng-src="increase/qd_code.png" alt="">
                    <span style="top:-3px !important;color:#1E1E1E;">{{indata.start_time | date:'yyyy-MM-dd'}}<b style="font-weight: 300;color:#8D8D8D;"> 认养日</b></span>
                </li>
                <li style="margin-right: 0;">
                    <img ng-src="increase/js_code.png" alt="">
                    <span style="color:#1E1E1E;">{{indata.end_time | date:'yyyy-MM-dd'}}<b style="font-weight: 300;color:#8D8D8D;"> 收益日</b></span>
                </li>
            </ul>
        </div>
    </div>
    <!--//数据-->
    <div class="autograph ak_int" style="border-bottom: 1px solid #F5F5F5;">
        <div>
            <img ng-src="img/pasture1.png" alt="" style="width: 15px;margin-left: 4px;">
            <span style="color:#6b6b6b;font-size: 14px;" >收益回报</span>
        </div>
        <div>
            <img ng-src="myimg/message10.png" alt="">
            <div style="position: relative;float: left;font-size: 14px;color:#FF9E01;margin-right: 5px;" ng-if="colls">{{income*number_valo}}元</div>
            <div style="position: relative;float: left;font-size: 14px;color:#FF9E01;margin-right: 5px;" ng-if="collsTow">0元</div>
        </div>
        <!--//遮挡-->
        <div class="sy_img" ng-click="incomeback_go($event)" data-imgid="{{indata.income_detail}}"></div>
    </div>
    <!--<div class="autograph ak_int" style="margin-top:0 !important;border-top:1px solid #F5F5F5;border-bottom:1px solid #EEEEEE">-->
        <!--<div>-->
            <!--<img ng-src="homapageimg/ct3.png" alt="">-->
            <!--<span style="color:#6b6b6b;font-size: 14px;">资金托管</span>-->
        <!--</div>-->
        <!--<div>-->
            <!--<img ng-src="myimg/message10.png" alt="">-->
            <!--<img ng-src="increase/home.png" alt="" style="float: left !important;width:22px !important;margin-right: 3px !important;margin-top:3px !important;">-->
            <!--<div style="position: relative;float: left;font-size: 13px;color:#bebebe;margin-right: 5px;">资金由新浪支付托管</div>-->
        <!--</div>-->
        <!--&lt;!&ndash;//遮挡&ndash;&gt;-->
        <!--<div class="sy_img" ng-click="jump('Splay')"></div>-->
    <!--</div>-->
    <div class="autograph ak_int" style="border-bottom:1px solid #F5F5F5;margin-top:0 !important;">
        <div>
            <img ng-src="img/physical.png" alt="" style="width:18px;height: 18px;margin-right: 1px;margin-left:2px;margin-top:2px;">
            <span style="color:#6b6b6b;font-size: 14px;">实物回报</span>
        </div>
        <div>
            <img ng-src="myimg/message10.png" alt="">
            <div style="position: relative;float: left;font-size: 13px;color:#bebebe;margin-right: 5px;">详情</div>
            <!--<div style="position: relative;float: left;font-size: 14px;color:#FF9E01;margin-right: 5px;" ng-if="collsTow">{{indata.type=="牛"?70*number_valo:10*number_valo}}kg</div>-->
            <!--<div style="position: relative;float: left;font-size: 14px;color:#FF9E01;margin-right: 5px;" ng-if="colls">0kg</div>-->
        </div>
        <!--//遮挡-->
        <div class="sy_img" ng-click="physical()"></div>
    </div>
    <div class="autograph ak_int" style="border-bottom:1px solid #F5F5F5;margin-top:0 !important;">
        <div>
            <img ng-src="img/pasture.png" alt="" style="width:18px;height: 18px;margin-right: 1px;margin-left:2px;margin-top:2px;">
            <span style="color:#6b6b6b;font-size: 14px;">牧场介绍</span>
        </div>
        <div>
            <img ng-src="myimg/message10.png" alt="">
            <div style="position: relative;float: left;font-size: 13px;color:#bebebe;margin-right: 5px;">孟布拉克草原</div>
        </div>
        <!--//遮挡-->
        <div class="sy_img" ng-click="details_go()"></div>
    </div>
    <div style="background: #fff;">
        <div ng-if="indata.sy_state==1&&indata.lave_amount!=0">
            <div style="overflow: hidden;padding-top:10px;height: 80px;">
                <div class="jsq" ng-if="indata.invest_type==1">
                    <span style="width: 13px"></span>
                    <div><input type="tel" ng-model="number_valo" style="width: 100%;height: 100%;text-align: center;padding-bottom: 2px;"  disabled></div>
                    <span style="width: 13px"></span>
                </div>
                <div class="jsq" ng-if="indata.invest_type!==1">
                    <span ng-click="reduce()">-</span>
                    <div><input type="tel" ng-model="number_valo" style="width: 100%;height: 100%;text-align: center;padding-bottom: 2px;"  disabled></div>
                    <span ng-click="plus()">+</span>
                    <div class="kj">
                        <span ng-click="numo($event)" data-numl="10">10</span>
                        <span ng-click="numo($event)" data-numl="20">20</span>
                        <span ng-click="numo($event)" data-numl="50">50</span>
                    </div>
                </div>
                <div style="float: right;margin-top:5px;margin-right: 10px;">
                    总计：<span style="color:#FF9C00;">￥{{indata.price*number_valo}}</span>
                </div>
            </div>
            <div class="ReturnWay">
                <span>您选择的回报方式: </span>
                <span ng-class="mieder" ng-click="physicalRs($event)" data-user="1" style="margin-left: 5px;display: inline-block">
                    <img ng-src="{{earningsImg}}" alt="" ng-click="physicalRs($event)" data-user="1">
                    收益回报
                </span>
                <span ng-if="indata.invest_type!==1" ng-class="mieders" ng-click="physicalRs($event)" data-user="2" style="margin-left: 5px;display: inline-block">
                    <img ng-src="{{physicals}}" alt="">
                    实物回报
                </span>
                <div ng-if="indata.invest_type!==1" class="returnRemind">
                    (回报方式只能任选其一)
                </div>
            </div>
        </div>
        <div class="immed_contract">
            <img ng-src="img/1-2.png" alt="" style="width: 15px !important;">
            <span style="margin-top:-1px;">阅读且同意<i ng-click="tion_go()">《 认养合同 》</i></span>
        </div>
        <div ng-click="immediately()" style="background: #3CC35C;text-align: center;margin-top:5px;" ng-if="indata.sy_state==1&&indata.lave_amount!=0">
            <button class="button" style="background: #3CC35C;color:#fff;">立即认养</button>
        </div>
        <div style="background: #ebebeb ;text-align: center;margin-top:5px;" ng-if="indata.sy_state==2&&indata.lave_amount!=0">
            <button class="button" style="background: #ebebeb ;color:#ccc;">收益中</button>
        </div>
        <div style="background: #ebebeb ;text-align: center;margin-top:5px;" ng-if="indata.sy_state==3&&indata.lave_amount!=0">
            <button class="button" style="background: #ebebeb ;color:#ccc;">已收益</button>
        </div>
        <div style="background: #ebebeb ;text-align: center;margin-top:5px;" ng-if="indata.lave_amount==0">
            <button class="button" style="background: #ebebeb ;color:#ccc;">已售馨</button>
        </div>
        <!--<div style="text-align: center;padding: 7px 0;font-size: 13px;color:#c3c3c3;">-->
            <!--投资有风险，请谨慎选择-->
        <!--</div>-->
    </div>
    <div style="background: #fff;margin-top:10px;padding-top: 15px;overflow: hidden;border-bottom: 20px solid #fff">
        <h4 style="text-align: center;color:#FF9C00;font-size: 16px;">本期财富榜</h4>
        <div>
            <ul style="overflow: hidden">
                <li style="float: left;margin-left:50px;color:#A7A7A7">牧场主</li>
                <li style="float: right;margin-right: 20px;color:#A7A7A7">认养数量</li>
            </ul>
            <ul class="ranking">
                <li ng-repeat="wp in winnerList track by $index">
                    <img ng-src="img/1_01.png" alt="" ng-if="$index==0">
                    <img ng-src="img/1_02.png" alt="" ng-if="$index==1">
                    <img ng-src="img/1_03.png" alt="" ng-if="$index==2">
                    <img ng-src="{{wp.photo}}" alt="" style="border-radius: 50%;width: 35px;position: relative;top:3px;left:7px;">
                    <span style="position: relative;top:-17px;left:12px;font-size: 12px;">{{wp.nickname}}</span>
                    <span style="position: absolute;top:12px;left:78px;font-size: 12px;color:#A7A7A7">{{wp.time}}</span>
                    <span style="float: right;margin-right: 20px;width: 56px;text-align: center">{{wp.num}}{{indata.unit}}</span>
                </li>
            </ul>
        </div>
    </div>
</ion-content>
